<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>项目-统计分析</title>
	<link href="/css/library/assets/css/bootstrap.css" rel="stylesheet" />
	<link href="/css/library/assets/css/bootstrap-responsive.css" rel="stylesheet" />
	<link href="/css/library/css/styles.css" rel="stylesheet" />
</head>
<body>
	<!-- post wrapper -->
	<div class="row-fluid">
		<div class="span6">
			<div class="well widget">
				<div class="widget-header">
					<h3 class="title">Horizontal Bar Chart</h3>
				</div>
				<!-- ** horizontal bar chart ** -->
				<div id="horizontal-bar-div" style="height:300px;width:100%;" data-value='[[[2,1], [4,2], [6,3], [3,4]],[[5,1], [1,2], [3,3], [4,4]],[[4,1], [7,2], [1,3], [2,4]]]' data-labels="[{label:'Label 1'},{label:'Label 2'},{label:'Label 3'}]" data-colors='[ "#feb847","#425eb8","#409627","#b64b53","#3f4143","#50204a" ]'></div>
				<!-- ** ./ horizontal bar chart ** -->
			</div>
			<div class="well widget">
				<div class="widget-header">
					<h3 class="title">Vertical Bar Chart</h3>
				</div>
				<!-- ** vertical bar chart ** -->
				<div id="vertical-bar-div" data-value='[[200, 600, 700, 1000],[460, 210, 690, 820],[260, 440, 320, 200]]' data-ticks='["May", "June", "July", "August"]' data-labels="[{label:'One'},{label:'Two'},{label:'Three'}]" data-colors='[ "#feb847","#425eb8","#409627","#b64b53","#3f4143","#50204a" ]' style="width:100%;height:300px;"></div>
				<!-- ** ./ vertical bar chart ** -->
			</div>
			<div class="well widget">
				<div class="widget-header">
					<h3 class="title">Line Chart</h3>
				</div>
				<div id="line-chart-div" style="width:100%; height:300px;" data-content="[[1,2,3,4,5,6,7,8,9], [2,3,4,5,6,7,8,9,10], [3,4,5,6,7,8,9,10,11], [4,5,6,7,8,9,10,11,12]]" data-colors='[ "#feb847","#425eb8","#409627","#b64b53","#3f4143","#50204a" ]'></div>
			</div>
		</div>
		<div class="span6">
			<div class="well widget">
				<div class="widget-header">
					<h3 class="title">Area Chart</h3>
				</div>
				<div id="area-chart-div" style="width:100%; height:300px;" data-content="[[6,  11, 10, 13, 11,  7], [3,   6,  7,  7,  5,  3], [4,   8,  9, 10, 8,   6], [9,  13, 14, 16, 17, 19], [15, 17, 16, 18, 13, 11]]" data-colors='[ "#feb847","#425eb8","#409627","#b64b53","#3f4143","#50204a" ]' data-fill="1|3|0" data-fill-color="rgba(150, 197, 246, 0.5)"></div>
			</div>
			<div class="well widget">
				<div class="widget-header">
					<h3 class="title">Pie Chart</h3>
				</div>
				<!-- ** pie chart ** -->						
				<div id="pie-div" style="width:100%;height:300px;" data-content="[['Heavy Industry', 12],['Retail', 9], ['Light Industry', 14], ['Out of home', 16],['Commuting', 7], ['Orientation', 9]]" data-colors='[ "#feb847","#425eb8","#409627","#b64b53","#3f4143","#50204a" ]'></div>
				<!-- ** ./ pie chart ** -->
			</div>
			<div class="well widget">
				<div class="widget-header">
					<h3 class="title">Donut Chart</h3>
				</div>
				<!-- ** donut chart ** -->
				<div id="donut-pie-div" data-value="[['abcd',16], ['efgh',8], ['ijkl',14], ['mnop',16], ['qrste',8], ['opresf',14]]" data-value2="0" data-colors='[ "#feb847","#425eb8","#409627","#b64b53","#3f4143","#50204a" ]' style="width:100%;height:300px;">
				</div>
				<!-- ** ./ donut chart ** -->
			</div>
		</div>
	</div>
	<!-- ./ post wrapper -->
	</body>
	<!-- base -->
	<script src="/css/library/assets/js/jquery.js"></script>
	<script src="/css/library/assets/js/bootstrap.min.js"></script>
	
	<!-- addons -->
	<script src="/css/library/plugins/chart-plugins.js"></script>
	<script src="/css/library/plugins/jquery-ui-slider.js"></script>
	<script src="/css/library/plugins/redactor/redactor.min.js"></script>
	<script src="/css/library/plugins/jmapping/markermanager.js"></script>
	<script src="/css/library/plugins/jmapping/StyledMarker.js"></script>
	<script src="/css/library/plugins/jmapping/jquery.metadata.js"></script>
	<script src="/css/library/plugins/jmapping/jquery.jmapping.min.js"></script>
	<script src="/css/library/plugins/jquery.uniform.js"></script>
	<script src="/css/library/plugins/chosen.jquery.min.js"></script>
	<script src="/css/library/plugins/bootstrap-datepicker.js"></script>
	<script src="/css/library/plugins/jquery.timePicker.min.js"></script>
			
	<!-- plugins loader -->
	<script src="/css/library/js/loader.js"></script>
</html>